<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>Analyse statistique - Select period</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="stylesheet" type="text/css" href="css/site.css"/>
    </h:head>
    <h:body>
        <h:form>
            <div style="text-align:center; font-size: 40px">
                Latent semantic clustering
            </div>
            <table style="margin:auto; margin-top: 20px">
                <tr>
                    <td>
                        <div style="text-align:center; font-size: x-large; font-weight: bold">
                            Isometric view 
                        </div>
                    </td>
                    <td>
                        <div style="text-align:center; font-size: x-large; font-weight: bold">
                            Plan view 
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p:graphicImage value="/visual/isometric.png" style="height:450px"/>
                    </td>
                    <td>
                        <p:graphicImage value="/visual/plan.png" style="height:450px"/>
                    </td>
                </tr>
            </table>           
            <div style="text-align:center; font-size: x-large">    
                <div>
                    Chi square test value: #{pageController.getChiSquareTestValue()}
                </div>
                <br/>
                <p:commandButton style="width:300px; height:50px" value="Back" action="#{pageController.gotoSelectPeriod()}"/>                    
            </div>

        </h:form>
    </h:body>
</html>
